/*banner*/
.banner .swiper-slide a{display: block;}
.banner .swiper-slide img{display: block;width: 100%;}
.banner .pagination-1{position: absolute;z-index: 10;text-align: center;bottom: 20px !important;}
.banner .swiper-pagination-bullet{margin: 0 8px !important;background: #FFFFFF;opacity: 0.5;}
.banner .swiper-pagination-bullet-active{background: #E62129 !important;opacity: 1 !important;}

@media screen and (min-width: 280px) and (max-width: 600px) {
	.banner .pagination-1{bottom: 5px !important;}
	.banner .swiper-pagination-bullet{margin: 0 5px !important;}
}

/*cp lm*/
@media screen and (min-width: 280px) and (max-width: 1200px) {
	.cp_lm{padding: 5% !important;}
	.cp_lm li{width: 25% !important;padding: 0 !important;margin-bottom: 10px !important;}
	.cp_lm li a{height: auto !important;padding: 0 10px;}
	.cp_lm li a p{font-size: 16px !important;position: relative !important;top: 0 !important;line-height: 40px;transform: none !important;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	.cp_lm li a i{display: none !important;}
	.cp_lm li:before{display: block !important;}
}
@media screen and (min-width: 280px) and (max-width: 700px) {
	.cp_lm li{width: 33.3333% !important;}
}
@media screen and (min-width: 280px) and (max-width: 500px) {
	.cp_lm li{width: 50% !important;margin-bottom: 5px !important;}
	.cp_lm li a{padding: 0 5px !important;}
	.cp_lm li:nth-child(2n):before{display: none !important;}
}

.cp_lm{padding: 50px 0 30px;background: url(../images/bg.png)repeat-x bottom;border-bottom: 1px solid #ebebeb;}
.cp_lm li{float: left;box-sizing: border-box;width: 240px;padding: 0 30px;position: relative;margin-bottom: 20px;}
.cp_lm li:before{content: "";width: 1px;height: 100%;background-color: #e8e8e8;position: absolute;right: 0;transform:rotate(30deg);}
.cp_lm li:nth-child(5n):before{display: none;}
.cp_lm li a{display: block;position: relative;height: 100px;color: #393939;}
.cp_lm li a p{font-size: 24px;text-align: center;position: absolute;width: 100%;top: 50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.cp_lm .thisclass,.cp_lm .on9{background-color: #E62129;color: #FFFFFF !important;}
.cp_lm li a i{position: absolute;width: 60px;height: 100px;display: none;}
.cp_lm li a .i1{background: url(../images/cp_lm_bg1.png)no-repeat;right: -60px;}
.cp_lm li a .i2{background: url(../images/cp_lm_bg2.png)no-repeat;left: -60px;}
.cp_lm .thisclass .i1,.cp_lm .thisclass .i2{display: block;}
.cp_lm .on9 .i1,.cp_lm .on9 .i2{display: block;}

/*hot product*/
@media screen and (min-width: 280px) and (max-width: 1200px) {
	#title{margin-bottom: 5% !important;}
	#title span{font-size: 25px !important;}
	#title div{margin: 10px auto !important;}
	.product{padding: 5% !important;}
}
@media screen and (min-width: 280px) and (max-width: 900px) {
	.product_list li{width: 32% !important;margin-right: 2% !important;margin-bottom: 2% !important;padding: 5px !important;}
    .product_list li:nth-child(1) .img{margin-bottom: 0 !important;}
    .product_list li:nth-child(3){margin-right: 0 !important;}
    .product_list li a{line-height: 25px !important;}
    .product_list li a span{font-size: 14px !important;}
    .product_list li a p{font-size: 14px !important;}
    .product_list .cs{display: none !important;}
}
@media screen and (min-width: 280px) and (max-width: 500px) {
	.product_list li{width: 48% !important;margin-right: 4% !important;margin-bottom: 4% !important;}
	.product_list li:nth-child(3){margin-right: 4% !important;}
	.product_list li:nth-child(2n){margin-right: 0 !important;}
	.product_list li:nth-child(5){display: none;}
}

#title{margin-bottom: 60px;text-align: center;}
#title span{display: block;font-size: 30px;color: #383838;}
#title div{border-bottom: 1px solid #E5E5E5;height: 2px;width: 102px;position: relative;margin: 15px auto;}
#title div i{display: block;position: absolute;width: 20px;height: 3px;background-color: #E62129;left: 50%;margin-left: -10px;bottom: -1px;}
#title p{font-family: arial;}

.product{padding: 60px 0 40px;}
.product_list li{width: 27%;float: left;margin-right: 5%;margin-bottom: 3%;background: #F8F8F8;box-sizing: border-box;padding: 10px;position: relative;overflow: hidden;}
.product_list li:nth-child(1){width: 36%;padding: 120px 10px 100px;}
.product_list li:nth-child(1) .img{margin-bottom: 50px;}
.product_list li:nth-child(3),.product_list li:nth-child(5){margin-right: 0;}
.product_list li a{display: block;text-align: center;line-height: 35px;}
.product_list .img{position: relative;overflow: hidden;padding-top: 62%;}
.product_list .img img{position: absolute;width: auto;height: 100%;left: 50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);top: 0;}
.product_list li a span{display: block;font-size: 18px;color: #E62129;}
.product_list li a > p{font-size: 16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.product_list .cs{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);top: 100%;left: 0;transition: ease-in-out 0.2s;}
.product_list .cs p{color: #FFFFFF;line-height: 25px;padding: 0 20px;text-align: justify;position: absolute;width: 100%;box-sizing: border-box;left: 0;top: 50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.product_list li:hover .cs{top: 0;}

.product .more{display: block;width: 50px;height: 50px;margin: 0 auto;color: #e0e0e0;text-align: center;font-size: 35px;}

/*about*/
@media screen and (min-width: 280px) and (max-width: 1030px) {
	.about{padding: 5% !important;}
}
@media screen and (min-width: 280px) and (max-width: 800px) {
	.about .img{width: 70% !important;margin-left: 15%;margin-bottom: 10px;}
	.about .info{width: 100% !important;}
	.about .info > img{margin: 0 auto;}
	.about .more{margin-top: 3% !important;width: 120px !important;line-height: 30px !important;font-size: 14px !important;}
}
@media screen and (min-width: 280px) and (max-width: 500px) {
	.about{padding-top: 30px !important;}
}

.about{padding: 110px 0 70px;background: url(../images/bg1.jpg)no-repeat center top;}
.about #title *{color: #FFFFFF;}
.about .content{max-width: 1030px;}
.about .img{width: 43%;}
.about .img img{width: 100%;display: block;}
.about .info{width: 50%;}
.about .info > img{max-width: 100%;display: block;}
.about .info .cnt{text-indent: 2em;color: #FFFFFF !important;font-size: 14px !important;line-height: 30px !important;margin-top: 20px;}
.about .more{width: 140px;line-height: 44px;text-align: center;font-size: 18px;color: #FFFFFF;display: block;background-color: #ba000e;transition: ease-in-out 0.2s;border: 1px solid #ba000e;margin: 70px auto 0;border-radius: 30px;}
.about .more:hover{background-color: #FFFFFF;}

/*solution*/
@media screen and (min-width: 280px) and (max-width: 1200px) {
	.solution{padding: 5% !important;}
	.solution .left .info{padding: 10% 10% 0 10% !important;}
	.solution .left .info p{margin-bottom: 10px !important;}
	.solution .more{margin-top: 5% !important;width: 120px !important;line-height: 35px !important;font-size: 14px !important;}
}
@media screen and (min-width: 280px) and (max-width: 750px) {
	.solution .right{display: none;}
	.solution .left{width: 100% !important;}
	.solution .left .info span{font-size: 14px !important;}
	.solution .left .info p{font-size: 12px !important;line-height: 25px !important;height: 50px !important;margin: 5px 0 !important;}
	.solution .left .info{padding: 5% 5% 0 5% !important;}
}
@media screen and (min-width: 280px) and (max-width: 450px) {
	.solution .left .info p{display: none;}
	.solution .left .info a{width: 50px !important;line-height: 25px !important;font-size: 12px !important;position: absolute;bottom: 15%;left: 50%;margin-left: -26px !important;}
}

.solution{padding: 70px 0 60px;}
.solution .left{width: 75%;}
.solution .left li{width: 32%;margin-right: 2%;margin-bottom: 2%;position: relative;float: left;overflow: hidden;}
.solution .left li:nth-child(1){width: 66%;}
.solution .left li:nth-child(2),.solution .left li:nth-child(5){margin-right: 0;}
.solution .left .img{padding-top: 100%;overflow: hidden;position: relative;}
.solution .left li:nth-child(1) .img{padding-top: 48.5%;}
.solution .left .img img{position: absolute;width: auto;height: 100%;left: 50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);top: 0;}
.solution .left .info{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);text-align: center;box-sizing: border-box;padding: 70px 10px 0 10px;color: #FFFFFF;transition: ease-in-out 0.2s;top: 100%;}
.solution .left li:nth-child(1) .info{padding: 70px 100px 0;}
.solution .left .info span{font-size: 18px;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.solution .left .info p{line-height: 30px;height: 60px;overflow: hidden;margin: 10px 0 30px;}
.solution .left .info a{display: block;width: 86px;line-height: 28px;text-align: center;color: #FFFFFF !important;border: 1px solid #FFFFFF;margin: 0 auto;}
.solution .left li:hover .info{top: 0;}

.solution .right{width: 23%;position: relative;overflow: hidden;}
.solution .right .img{padding-top: 215%;overflow: hidden;position: relative;}
.solution .right .img img{position: absolute;width: auto;height: 100%;left: 50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);top: 0;}
.solution .right .info{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);text-align: center;box-sizing: border-box;padding: 150px 10px 0 10px;color: #FFFFFF;transition: ease-in-out 0.2s;top: 100%;}
.solution .right .info span{font-size: 18px;display: block;}
.solution .right .info p{line-height: 30px;margin: 10px 0 30px;}
.solution .right .info a{display: block;width: 86px;line-height: 28px;text-align: center;color: #FFFFFF !important;border: 1px solid #FFFFFF;margin: 0 auto;}
.solution .right:hover .info{top: 0;}

.solution .more{display: block;width: 134px;line-height: 52px;text-align: center;font-size: 18px;border: 1px solid #000000;margin: 50px auto 0;}
.solution .more:hover{border-color: #E62129;}

/*evaluate*/
@media screen and (min-width: 280px) and (max-width: 1200px) {
	.evaluate{padding: 5% 0 !important;}
	.evaluate .pagination-2{padding-top: 5% !important;}
}
@media screen and (min-width: 280px) and (max-width: 1000px) {
	.evaluate .swiper-slide{padding: 0 10px !important;}
}
@media screen and (min-width: 280px) and (max-width: 700px) {
	.evaluate .swiper-slide{padding: 0 5px !important;}
	.evaluate .swiper-slide .info{padding: 5px !important;}
	.evaluate .swiper-slide .info span{font-size: 14px !important;}
	.evaluate .swiper-slide .info p{line-height: 20px !important;margin-top: 5px !important;}
	.evaluate .pagination-2{display: none;}
}

.evaluate{padding: 110px 0 60px;background: url(../images/bg2.jpg)no-repeat center top #f8f8f8;}
.evaluate .swiper-slide{padding: 0 40px;box-sizing: border-box;}
.evaluate .swiper-slide .img{position: relative;padding-top: 62%;overflow: hidden;background: #FFFFFF;}
.evaluate .swiper-slide .img img{position: absolute;width: auto;height: 100%;left: 50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);top: 0;}
.evaluate .swiper-slide .info{padding: 20px;text-align: center;background: #FFFFFF;}
.evaluate .swiper-slide .info span{display: block;font-size: 18px;color: #383838;}
.evaluate .swiper-slide .info font{display: block;color: #5e5e5e;margin-top: 5px;}
.evaluate .swiper-slide .info p{font-size: 12px;color: #5E5E5E;margin-top: 10px;line-height: 25px;}

.evaluate .pagination-2{text-align: center;padding-top: 50px;}
.evaluate .swiper-pagination-bullet{margin: 0 10px !important;opacity: 1 !important;width: 18px !important;height: 18px !important;background: none;border: 1px solid #E62129;box-sizing: border-box;}
.evaluate .swiper-pagination-bullet-active{background: #E62129 !important;}

/*news*/
@media screen and (min-width: 280px) and (max-width: 1200px) {
	.news{padding: 5% !important;}
}
@media screen and (min-width: 280px) and (max-width: 800px) {
	.news .box{width: 100% !important;}
	.news .box .bt{padding: 0 15px !important;line-height: 40px !important;}
	.news .box .list{padding: 10px 15px !important;}
	.news .box .list li a{line-height: 30px !important;}
}

.news{padding: 80px 0 70px;}
.news .box{width: 48%;box-sizing: border-box;border: 1px solid #E5E5E5;}
.news .box .bt{line-height: 80px;border-bottom: 1px solid #E5E5E5;padding: 0 40px;}
.news .box .bt span{font-size: 20px;color: #363636;}
.news .box .bt a{font-size: 16px;color: #a1a1a1;}
.news .box .list{padding: 25px 40px;}
.news .box .list li a{line-height: 40px;color: #818181;display: block;position: relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-right: 90px;}
.news .box .list li a span{position: absolute;right: 0;}

/*service*/
@media screen and (min-width: 280px) and (max-width: 1200px) {
	.service{padding: 5% !important;}
	.service p{font-size: 16px !important;}
}
.service{padding: 50px 0 40px;background: url(../images/bg3.jpg)no-repeat center;}
.service p{text-align: center;font-size: 20px;color: #FFFFFF;margin-bottom: 20px;}
.service a{display: block;width: 123px;line-height: 36px;background: url(../images/kf.png)no-repeat center left 20px #FFFFFF;border-radius: 20px;box-sizing: border-box;padding-left: 45px;margin: 0 auto;}